<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta content="telephone=no" name="format-detection">
    <link rel="stylesheet" href="css/style.css">
    <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.js"></script>
</head>
<body style="background: #EFEFEF;">
  <div class="container">
      <ul class="wx02 white-bg wx02-first">
          <li>
              <span class="input-title">日期&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
              <span class="sub-text">2016年9月30日</span>
              <button class="button">修改日期</button>
          </li>
          <li>
              <span class="input-title">时间&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
              <span class="sub-text">上午9：00</span>
              <button class="button">修改时间</button>
          </li>
          <li>
              <span class="input-title">每周重复&nbsp;&nbsp;&nbsp;&nbsp;</span>
              <span class="sub-text jiantou">周一,周二,周三</span>
          </li>
          <li>
              <span class="input-title">路线名称</span>
              <select>
                  <option>请选择路线名称</option>
                  <option>请选择路线名称</option>
                  <option>请选择路线名称</option>
                  <option>请选择路线名称</option>
              </select>
          </li>
      </ul>
<script>
    $(function(){
        $('.wx05-four .top .icon' ).click(function(){
            if($(this ).attr('src')=='images/wx02-input-icon-1.png'){
                $(this ).attr('src','images/wx02-input-icon-3.png');
            }else if($(this ).attr('src')=='images/wx02-input-icon-3.png'){
                $(this ).attr('src','images/wx02-input-icon-1.png');
            }
        })
    })
</script>
      <ul class="wx02 white-bg wx05-four overflow">
          <li>
              <div class="top">
                  <img class="pic" src="images/05-01.png">
                  <img class="icon" src="images/wx02-input-icon-1.png">
              </div>
              <p>G8成渝段</p>
              <p>请杠-永川-荣昌-内江</p>
          </li>
          <li>
              <div class="top">
                  <img class="pic" src="images/05-01.png">
                  <img class="icon" src="images/wx02-input-icon-3.png">
              </div>
              <p>G8成渝段</p>
              <p>请杠-永川-荣昌-内江</p>
          </li>
          <li>
              <div class="top">
                  <img class="pic" src="images/05-01.png">
                  <img class="icon" src="images/wx02-input-icon-1.png">
              </div>
              <p>G8成渝段</p>
              <p>请杠-永川-荣昌-内江</p>
          </li>
          <li>
              <div class="top">
                  <img class="pic" src="images/05-01.png">
                  <img class="icon" src="images/wx02-input-icon-3.png">
              </div>
              <p>G8成渝段</p>
              <p>请杠-永川-荣昌-内江</p>
          </li>

          <li class="last overflow">
              <button class="overflow save">保存</button>
          </li>
      </ul>
  </div>
</body>
</html>